Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / relay / RelayMessageListVirtual.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"relative w-full shrink-0" Tb4b4b4:Te6edf3styleTff7b72=Ta5d6ff"Tb4b4b4{ Te6edf3heightTff7b72: Te6edf3totalSize Tff7b72+ Ta5d6ff'px' Tb4b4b4}Ta5d6ff"Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3v Tff7b72in Te6edf3virtualItemsTa5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3entryKeyTb4b4b4(Te6edf3entriesTb4b4b4[Te6edf3vTb4b4b4.Te6edf3indexTb4b4b4]Tb4b4b4, Te6edf3vTb4b4b4.Te6edf3indexTb4b4b4)Ta5d6ff"

Tb4b4b4:Te6edf3refTff7b72=Ta5d6ff"Te6edf3measureElementTa5d6ff"

Tb4b4b4:Te6edf3data-indexTff7b72=Ta5d6ff"Te6edf3vTb4b4b4.Te6edf3indexTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"absolute left-0 top-0 w-full box-border px-0 [overflow-anchor:none]"

Tb4b4b4:Te6edf3styleTff7b72=Ta5d6ff"Tb4b4b4{ Te6edf3transformTff7b72: Ta5d6ff`Ta5d6fftranslateY(Tffd700${Te6edf3vTb4b4b4.Te6edf3startTffd700}Ta5d6ffpx)Ta5d6ff` Tb4b4b4}Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72RelayMessageEntry Tb4b4b4:Te6edf3entryTff7b72=Ta5d6ff"Te6edf3entriesTb4b4b4[Te6edf3vTb4b4b4.Te6edf3indexTb4b4b4]Ta5d6ff" Tb4b4b4:Te6edf3pageTff7b72=Ta5d6ff"Te6edf3pageTa5d6ff" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72script Te6edf3setupTb4b4b4>

Tff7b72import Tb4b4b4{ Te6edf3computed Tb4b4b4} Tff7b72from Ta5d6ff"vue"Tb4b4b4;

Tff7b72import Tb4b4b4{ Te6edf3useVirtualizer Tb4b4b4} Tff7b72from Ta5d6ff"@tanstack/vue-virtual"Tb4b4b4;

Tff7b72import Te6edf3RelayMessageEntry Tff7b72from Ta5d6ff"./RelayMessageEntry.vue"Tb4b4b4;

Tff7b72import Tb4b4b4{ Te6edf3estimateRelayEntryHeightTb4b4b4, Te6edf3findRelayEntryIndexForMessageKey Tb4b4b4} Tff7b72from Ta5d6ff"./relayMessageListVirtual.js"Tb4b4b4;

Tff7b72const Te6edf3props Tff7b72= Te6edf3definePropsTb4b4b4(Tb4b4b4{

Te6edf3entriesTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657ArrayTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3getScrollElementTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657FunctionTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3pageTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657ObjectTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3virtualizer Tff7b72= Te6edf3useVirtualizerTb4b4b4(

Te6edf3computedTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4(Tb4b4b4{

Te6edf3countTff7b72: Te6edf3propsTb4b4b4.Te6edf3entriesTb4b4b4.Te6edf3lengthTb4b4b4,

Te6edf3getScrollElementTff7b72: Tb4b4b4(Tb4b4b4) Tb4b4b4=> Te6edf3propsTb4b4b4.Te6edf3getScrollElementTb4b4b4(Tb4b4b4) Tff7b72?? Tff7b72nullTb4b4b4,

Te6edf3estimateSizeTff7b72: Tb4b4b4(Te6edf3indexTb4b4b4) Tb4b4b4=> Te6edf3estimateRelayEntryHeightTb4b4b4(Te6edf3propsTb4b4b4.Te6edf3entriesTb4b4b4[Te6edf3indexTb4b4b4]Tb4b4b4)Tb4b4b4,

Te6edf3overscanTff7b72: T79c0ff12Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4)

Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3virtualItems Tff7b72= Te6edf3computedTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Te6edf3virtualizerTb4b4b4.Te6edf3valueTb4b4b4.Te6edf3getVirtualItemsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3totalSize Tff7b72= Te6edf3computedTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Te6edf3virtualizerTb4b4b4.Te6edf3valueTb4b4b4.Te6edf3getTotalSizeTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4;

Tff7b72function Te6edf3entryKeyTb4b4b4(Te6edf3entryTb4b4b4, Te6edf3indexTb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72!Te6edf3entryTb4b4b4) Tb4b4b4{

Tff7b72return Ta5d6ff`Ta5d6ffidx-Tffd700${Te6edf3indexTffd700}Ta5d6ff`Tb4b4b4;

Tb4b4b4}

Tff7b72if Tb4b4b4(Te6edf3entryTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff"dateDivider"Tb4b4b4) Tb4b4b4{

Tff7b72return Ta5d6ff`Ta5d6ffdate-Tffd700${Te6edf3entryTb4b4b4.Te6edf3dayKeyTffd700}Ta5d6ff-Tffd700${Te6edf3indexTffd700}Ta5d6ff`Tb4b4b4;

Tb4b4b4}

Tff7b72if Tb4b4b4(Te6edf3entryTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff"presenceGroup"Tb4b4b4) Tb4b4b4{

Tff7b72return Ta5d6ff`Ta5d6ffpresence-Tffd700${Te6edf3entryTb4b4b4.Te6edf3idTffd700}Ta5d6ff-Tffd700${Te6edf3indexTffd700}Ta5d6ff`Tb4b4b4;

Tb4b4b4}

Tff7b72const Te6edf3msgKey Tff7b72= Te6edf3propsTb4b4b4.Te6edf3pageTb4b4b4.Te6edf3messageKeyTb4b4b4(Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4)Tb4b4b4;

Tff7b72return Te6edf3msgKey Tff7b72? Ta5d6ff`Tffd700${Te6edf3msgKeyTffd700}Ta5d6ff-Tffd700${Te6edf3indexTffd700}Ta5d6ff` Tff7b72: Ta5d6ff`Ta5d6ffidx-Tffd700${Te6edf3indexTffd700}Ta5d6ff`Tb4b4b4;

Tb4b4b4}

Tff7b72function Te6edf3measureElementTb4b4b4(Te6edf3elTb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Te6edf3elTb4b4b4) Tb4b4b4{

Te6edf3virtualizerTb4b4b4.Te6edf3valueTb4b4b4.Te6edf3measureElementTb4b4b4(Te6edf3elTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}

Tff7b72function Te6edf3scrollToMessageKeyTb4b4b4(Te6edf3keyTb4b4b4) Tb4b4b4{

Tff7b72const Te6edf3idx Tff7b72= Te6edf3findRelayEntryIndexForMessageKeyTb4b4b4(Te6edf3propsTb4b4b4.Te6edf3entriesTb4b4b4, Te6edf3keyTb4b4b4, Te6edf3propsTb4b4b4.Te6edf3pageTb4b4b4.Te6edf3messageKeyTb4b4b4)Tb4b4b4;

Tff7b72if Tb4b4b4(Te6edf3idx Tff7b72< T79c0ff0Tb4b4b4) Tb4b4b4{

Tff7b72returnTb4b4b4;

Tb4b4b4}

Te6edf3virtualizerTb4b4b4.Te6edf3valueTb4b4b4.Te6edf3scrollToIndexTb4b4b4(Te6edf3idxTb4b4b4, Tb4b4b4{ Te6edf3alignTff7b72: Ta5d6ff"center"Tb4b4b4, Te6edf3behaviorTff7b72: Ta5d6ff"smooth" Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Tff7b72function Te6edf3scrollToBottomTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72const Te6edf3n Tff7b72= Te6edf3propsTb4b4b4.Te6edf3entriesTb4b4b4.Te6edf3lengthTb4b4b4;

Tff7b72if Tb4b4b4(Te6edf3n Tff7b72=== T79c0ff0Tb4b4b4) Tb4b4b4{

Tff7b72returnTb4b4b4;

Tb4b4b4}

Te6edf3virtualizerTb4b4b4.Te6edf3valueTb4b4b4.Te6edf3scrollToIndexTb4b4b4(Te6edf3n Tff7b72- T79c0ff1Tb4b4b4, Tb4b4b4{ Te6edf3alignTff7b72: Ta5d6ff"end"Tb4b4b4, Te6edf3behaviorTff7b72: Ta5d6ff"auto" Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Te6edf3defineExposeTb4b4b4(Tb4b4b4{

Te6edf3scrollToMessageKeyTb4b4b4,

Te6edf3scrollToBottomTb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>